<!--
 * SystemsInfluenza.org Website v2.0
 * Copyright(c) 2006-2012 Institute for Systems Biology, Seattle, Washington, USA
 * codefor@systemsbiology.org
 * http://www.gnu.org/licenses/lgpl.html
 * Author: Hector Rovira
-->
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css">
    <link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/xtheme-gray.css"/>
    <link rel="stylesheet" type="text/css" href="css/stylesheet.css"/>

    <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
    <script type="text/javascript" src="js/analytics.js"></script>
    <script type="text/javascript" src="js/data_grid.js"></script>
    <script type="text/javascript" src="js/annotations_grid.js"></script>

    <script type="text/javascript">
        var annotations_grid_WholeLung = {};
        var annotations_grid_SILAC = {};
        var annotations_grid_mTEC = {};
        var annotations_grid_hAE = {};
        var annotations_grid_NS1 = {};
        var annotations_grid_M1 = {};
    </script>
    <script type="text/javascript" src="/repositories/datasets/contents/Immune-response-to-infection/WholeLung12h/annotations_grid.json"></script>
    <script type="text/javascript" src="/repositories/datasets/contents/Immune-response-to-infection/SILAC/annotations_grid.json"></script>
    <script type="text/javascript" src="/repositories/datasets/contents/Cellular-response-to-infection/mTEC_Array_Data/annotations_grid.json"></script>
    <script type="text/javascript" src="/repositories/datasets/contents/Cellular-response-to-infection/hAE_Array_Data/annotations_grid.json"></script>
    <script type="text/javascript" src="/repositories/datasets/contents/Viral-host-protein-interactions/NS1/annotations_grid.json"></script>
    <script type="text/javascript" src="/repositories/datasets/contents/Viral-host-protein-interactions/M1/annotations_grid.json"></script>

    <script type="text/javascript">
        Ext.onReady(function() {            
            new AnnotationsGrid("c_WholeLung12h", annotations_grid_WholeLung);
            new AnnotationsGrid("c_SILAC", annotations_grid_SILAC);
            new AnnotationsGrid("c_mTEC", annotations_grid_mTEC);
            new AnnotationsGrid("c_hAE", annotations_grid_hAE);
            new AnnotationsGrid("c_NS1", annotations_grid_NS1);
            new AnnotationsGrid("c_M1", annotations_grid_M1);

            new DataGrid("c_Pilot_Eicosanoids_Data_1",
                    "/repositories/datasets/query/Immune-response-to-infection/Pilot_Eicosanoids_Data_1.tsv",
                    ["Infection Agent", "Days post-infection"], { autoScroll: true });
            new DataGrid("c_Pilot_Eicosanoids_Data_2",
                    "/repositories/datasets/query/Immune-response-to-infection/Pilot_Eicosanoids_Data_2.tsv",
                    ["Infection Agent", "Days post-infection"], { autoScroll: true });
            new DataGrid("c_Pilot_Eicosanoids_Data_3",
                    "/repositories/datasets/query/Immune-response-to-infection/Pilot_Eicosanoids_Data_3.tsv",
                    ["Infection Agent", "Days post-infection"], { autoScroll: true });
        });
    </script>

    <script type="text/javascript">
        var cardPanel = null;
        var descPanel = null;

        function changeActivePanel(panelId) {
            cardPanel.getLayout().setActiveItem("data-" + panelId);
            descPanel.getLayout().setActiveItem("desc-" + panelId);
            return false;
        }

        Ext.onReady(function() {
            var navPanel = {
                region: "center", layout: "vbox", defaults: { padding: 5, border: false },
                items:[
                    { text: "Immune Response", contentEl: "nav_Immune" },
                    { text: "Eicosanoids", contentEl: "nav_Eicosanoids" },
                    { text: "Cellular Response", contentEl: "nav_Cellular" },
                    { text: "Viral-Host Protein Interactions", contentEl: "nav_ViralHost" }
                ]
            };

            descPanel = new Ext.Panel({ title: "Additional Information",
                region: "south", layout: "card", activeItem: 0, autoScroll: false, height: 130,
                defaults: { padding: 0, border: false, autoScroll: true },
                items: [
                    { id: "desc-Welcome",       contentEl: "card_Welcome" },
                    { id: "desc-WholeLung",     contentEl: "card_WholeLung" },
                    { id: "desc-SILAC",         contentEl: "card_SILAC" },
                    { id: "desc-Eicosanoids-1", contentEl: "card_Eicosanoids_1" },
                    { id: "desc-Eicosanoids-2", contentEl: "card_Eicosanoids_2" },
                    { id: "desc-Eicosanoids-3", contentEl: "card_Eicosanoids_3" },
                    { id: "desc-mTEC",          contentEl: "card_mTEC" },
                    { id: "desc-hAE",           contentEl: "card_hAE" }
                ]
            });

            var titlePanel = { region: "north", border: false, contentEl: "c_pagetitle" };

            cardPanel = new Ext.Panel({
                region: "center", layout: "card", activeItem: 0, autoScroll: false,
                defaults: { padding: 0, border: false, autoScroll: true },
                items: [
                    { id: "data-Welcome",       contentEl: "c_Welcome",                  title: "Available Datasets" },
                    { id: "data-WholeLung",     contentEl: "c_WholeLung12h",             title: "Exon Microarray Data" },
                    { id: "data-SILAC",         contentEl: "c_SILAC",                    title: "SILAC Proteomics Data" },
                    { id: "data-Eicosanoids-1", contentEl: "c_Pilot_Eicosanoids_Data_1", title: "Eicosanoids (Lipidomics Core A) Data" },
                    { id: "data-Eicosanoids-2", contentEl: "c_Pilot_Eicosanoids_Data_2", title: "Eicosanoids (Lipidomics Core A) Data" },
                    { id: "data-Eicosanoids-3", contentEl: "c_Pilot_Eicosanoids_Data_3", title: "Eicosanoids (Lipidomics Core A) Data" },
                    { id: "data-mTEC",          contentEl: "c_mTEC",                     title: "Microarray Data" },
                    { id: "data-hAE",           contentEl: "c_hAE",                      title: "Microarray Data" },
                    { id: "data-NS1",           contentEl: "c_NS1",                      title: "Viral-Host Protein Interactions - NS1 Interactome Data" },
                    { id: "data-M1",            contentEl: "c_M1",                       title: "Viral-Host Protein Interactions - M1 Interactome Data" }
                ]
            });

            var westPanel = {
                title: "Data Sets",
                region: "west", layout: "border",
                width: 250, collapsible: true,
                defaults: { border: false },
                items: [navPanel, descPanel]
            };

            new Ext.Viewport({
                layout:'border',
                border: false,
                items:[ titlePanel, cardPanel, westPanel ]
            });
        });
    </script>
</head>
<body>
    <div id="c_pagetitle" class="pagetitle">Data</div>

    <!-- Navigation -->
    <div id="nav_Immune" class="navigation">
        <h4>Immune Response to Infection</h4>
        <ul>
            <li><a href="#" onclick="return changeActivePanel('WholeLung');">Exon Microarray Data</a></li>
            <li><a href="#" onclick="return changeActivePanel('SILAC');">SILAC Proteomics Data</a></li>
        </ul>
    </div>
    <div id="nav_Eicosanoids" class="navigation">
        <h4>Eicosanoids (Lipidomics Core A)</h4>
        <ul>
            <li><a href="#" onclick="return changeActivePanel('Eicosanoids-1');">EXPERIMENT 10-06-09</a></li>
            <li><a href="#" onclick="return changeActivePanel('Eicosanoids-2');">EXPERIMENT 02-23-10</a></li>
            <li><a href="#" onclick="return changeActivePanel('Eicosanoids-3');">EXPERIMENT 04-01-11</a></li>
        </ul>
    </div>
    <div id="nav_Cellular" class="navigation">
        <h4>Cellular Response to Infection</h4>
        <ul>
            <li><a href="#" onclick="return changeActivePanel('mTEC');">Mouse Exon (mTEC cultures)</a></li>
            <li><a href="#" onclick="return changeActivePanel('hAE');">Human Exon (hAE cultures)</a></li>
        </ul>
    </div>
    <div id="nav_ViralHost" class="navigation">
        <h4>Viral-Host Protein Interactions</h4>
        <ul>
            <li><a href="#" onclick="return changeActivePanel('NS1');">NS1 Interactome</a></li>
            <li><a href="#" onclick="return changeActivePanel('M1');">M1 Interactome</a></li>
        </ul>
    </div>

    <!-- Grid Panels -->
    <div id="c_Welcome" class="navigation">
        <br/>
        <br/>
        <ul>
            <li><a href="#" onclick="return changeActivePanel('WholeLung');">Exon Microarray Data</a></li>
            <li><a href="#" onclick="return changeActivePanel('SILAC');">SILAC Proteomics Data</a></li>
            <li><a href="#" onclick="return changeActivePanel('Eicosanoids-1');">EXPERIMENT 10-06-09</a></li>
            <li><a href="#" onclick="return changeActivePanel('Eicosanoids-2');">EXPERIMENT 02-23-10</a></li>
            <li><a href="#" onclick="return changeActivePanel('Eicosanoids-3');">EXPERIMENT 04-01-11</a></li>
            <li><a href="#" onclick="return changeActivePanel('mTEC');">Mouse Exon (mTEC cultures)</a></li>
            <li><a href="#" onclick="return changeActivePanel('hAE');">Human Exon (hAE cultures)</a></li>
            <li><a href="#" onclick="return changeActivePanel('NS1');">NS1 Interactome (Viral-Host Protein Interactions)</a></li>
            <li><a href="#" onclick="return changeActivePanel('M1');">M1 Interactome (Viral-Host Protein Interactions)</a></li>
        </ul>
    </div>
    <div id="c_WholeLung12h"></div>
    <div id="c_SILAC"></div>
    <div id="c_Pilot_Eicosanoids_Data_1"></div>
    <div id="c_Pilot_Eicosanoids_Data_2"></div>
    <div id="c_Pilot_Eicosanoids_Data_3"></div>
    <div id="c_mTEC"></div>
    <div id="c_hAE"></div>
    <div id="c_NS1"></div>
    <div id="c_M1"></div>

    <!-- Description Panels -->
    <div id="card_Welcome" class="text">SystemsInfluenza.org makes these data sets readily available for download.</div>
    <div id="card_WholeLung" class="text">Affymetrix GeneChip Mouse Exon 1.0 ST Arrays of Mouse Lung</div>
    <div id="card_SILAC" class="text">
        <dl><b>Sample Schemes</b>
            <dt>Sample 1</dt>
            <dd>1:1 mix of lung tissue from a PR8-infected mouse (light labeling) with lung tissue from an uninfected mouse (heavy labeling)</dd>
            <dt>Sample 2</dt>
            <dd>1:1 mix of lung tissue from an uninfected mouse (light labeling) with lung tissue from an uninfected mouse (heavy labeling)</dd>
        </dl>
    </div>
    <div id="card_Eicosanoids_1" class="text">Values are expressed in pmol/ml of lavage</div>
    <div id="card_Eicosanoids_2" class="text">Values are expressed in pmol/ml of lavage</div>
    <div id="card_Eicosanoids_3" class="text">Values are expressed in pmol/ml of lavage</div>
    <div id="card_mTEC" class="text">Affymetrix GeneChip Mouse Exon 1.0 ST Arrays of mTEC Cultures</div>
    <div id="card_hAE" class="text">Affymetrix GeneChip Human Exon 1.0 ST Arrays of hAE Cultures</div>
</body>
</html>